.layout {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: white;

    flex-direction: column;
    height: 100%;
    overflow: hidden;
   


    .layout-header
    {
        width:calc(100% - 0px);
        margin:0 auto;
        height: 48px;
        min-height: 48px;
        border-bottom: 1px #e8e8e8 solid;
        display: flex;
        align-items: center;
        // background-color: #001529;

        .layout-header-title
        {
            font-size: 18px;
            // color:white;
            // width:200px;
            justify-content: flex-start;
            padding-left: 20px;
            display: flex;
        }
    }

    .layout-body
    {
        width:calc(100% - 0px);
        margin:0 auto;
        flex-grow: 1;
        flex: 1;

        display: flex;

        overflow-y: hidden;

        .layout-side
        {
            width:200px;
            background-color: white;
            
            .ant-menu
            {
                height: calc(100% - 40px);
            }

            .toggle_block_btn
            {
                height: 40px;
                // border-top: 0.5px #e8e8e8 solid;
                border-right: 1px #001529 solid;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #001529;
                color:white;
            }
        }

        .layout-main
        {
            flex-grow: 1;
            padding: 10px;
            height: 100%;
            overflow-y: auto;
        }

    }





}